import {ChangeDetectionStrategy, Component, OnDestroy, OnInit, QueryList, ViewChildren} from "@angular/core";

import {editor} from "monaco-editor";
import IEditor = editor.IEditor;
import IStandaloneCodeEditor = editor.IStandaloneCodeEditor;

/**
 *   Licensed to the Apache Software Foundation (ASF) under one
 *   or more contributor license agreements.  See the NOTICE file
 *   distributed with this work for additional information
 *   regarding copyright ownership.  The ASF licenses this file
 *   to you under the Apache License, Version 2.0 (the
 *   "License"); you may not use this file except in compliance
 *   with the License.  You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */


@Component({
  selector: 'zeppelin-notebook',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
      <h1>code-editor</h1>
      <zeppelin-code-editor [style.height.px]="200"
                            [class.focused]="true"
                            [class.dirty]="false"
                            (nzEditorInitialized)="initializedEditor($event)">
      </zeppelin-code-editor>
  `
})
export class NotebookTestComponent {

  initializedEditor(control: IEditor | editor.IDiffEditor) {
    let e = control as IStandaloneCodeEditor;

    e.getModel().setValue("select * from testTable");
    e.layout();
  }
}
